<page-header [title]="title" [subTitle]="subTitle"></page-header>
<div class="panel panel-default">
    <div class="panel-body">
        <div class="form-inline">
            <div class="form-group">
                <input type="text" [(ngModel)]="queryParams.loginName" class="form-control" placeholder="账号">
            </div>
            <div class="form-group">
                <input type="text" [(ngModel)]="queryParams.userName" class="form-control" placeholder="用户名">
            </div>
            <button type="button" class="btn btn-default" (click)="getMgUserList()">
                <i class="glyphicon glyphicon-search"></i>
                查询
            </button>
        </div>
        <br>
        <div class="table-responsive">
            <table class="table table-bordered">
                <tr class="active">
                    <th>账号</th>
                    <th>用户名</th>
                    <th>操作</th>
                </tr>
                <tr *ngFor="let item of mguserList">
                    <td>{{item.loginName}}</td>
                    <td>
                        <a href="javascript:void(0)" (click)="getMguserInfo(item.mangerId)">{{item.userName}}</a>
                    </td>
                    <td>
                        <a href="javascript:void(0)" (click)="editMguser(item.mangerId)">编辑</a>
                    </td>
                </tr>
            </table>
        </div>
        <pager></pager>
    </div>
</div>